<template>
	<view data-id="6428679" class="cu-item">
		<view class="content">
			<view>{{ item.order_sn }}</view>
			<view class="text-gray text-sm flex">
				<view class="text-cut">{{ item.time_str }}</view>
			</view>
		</view>
		<view class="action"><view class="cu-btn round bg-uv" @click="handleAction">Submit</view></view>
	</view>
</template>

<script>
export default {
	props: {
		item: {
			type: Object,
			default: () => {
				return {
					time_str: '',
					order_sn: ''
				};
			}
		}
	},
	methods: {
		handleAction() {
			const playload = {
				order_id: this.item.order_id
			};
			uni.navigateTo({
				url: `/pages/record/subpage/submit/index?item=${encodeURIComponent(JSON.stringify(playload))}`
			});
		}
	}
};
</script>

<style lang="less" scoped>
.menu-avatar.none .cu-item .content {
    left: 0;
}
.cu-item .content {
	position: absolute;
	left: 70px;
	width: calc(100% - 46px - 28px - 57px - 9px);
	line-height: 1.6em;
}
.cu-item {
	position: relative;
	display: flex;
	padding-right: 4px;
	height: 67px;
	background-color: #fff;
	justify-content: flex-end;
	align-items: center;
}
.cu-item {
	transition: all 0.6s ease-in-out 0s;
	transform: translateX(0px);
}
.cu-item .action {
	width: auto;
}
.cu-item .action {
	width: 48px;
	text-align: center;
}

.cu-item:after {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 200%;
	height: 200%;
	border-bottom: 1px solid #ddd;
	border-radius: inherit;
	content: ' ';
	transform: scale(0.5);
	transform-origin: 0 0;
	pointer-events: none;
}
.bg-uv {
	background-color: #F53D46;
	color: #fff;
}
</style>
